.wrap {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;

  background-image: url(../../assets/img/1.jpg);
  // background: #fff;
  // background-position:5.38rem 15.1rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.wrap::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.wrap::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background-color: black;
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent
  );
}
.wrap::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
.wrap_container {
  overflow-y: auto;
  .wrap_top {
    width: 100%;
    height: 100vh !important;
    // background-image: url(../../../img/home/1.jpg);
    // // background-position:5.38rem 15.1rem;
    // background-size:  100% 100%;
    // background-repeat: no-repeat;
  }
}

.middle_wrap {
  display: flex;
  height: 800px;
  overflow: hidden;
  .middle_wrap_left {
    flex: 1;
    width: 15%;

    background: rgba(0, 0, 0, 0.5);
  }
  .middle_wrap_right {
    height: 100%;
    width: 85%;
    // padding: 20px;
  }
}
.footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: rgba(167, 161, 161, 0.5);
  position: relative;
  a {
    color: black;
  }
}
.ce {
  width: 100%;
  height: 100%;
  // background: red;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}
